<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>内存信息</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<script src="/js/jquery.min.js"></script>
	<script src="/layui/layui.js"></script>
</head>
<body>
	<div class="layui-form" id="container">
		<blockquote class="layui-elem-quote">内存使用情况</blockquote>
		<table class="layui-table">
			<colgroup>
				<col width="20%">
			</colgroup>
			<thead>
				<tr>
					<td>属性</td>
					<td>值</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>物理内存总量</td>
					<td id="physicalTotal"></td>
				</tr>
				<tr>
					<td>物理内存空闲</td>
					<td id="physicalFree"></td>
				</tr>
				<tr>
					<td>物理内存已用</td>
					<td id="physicalUsed"></td>
				</tr>
				<tr>
					<td>物理内存使用率</td>
					<td id="physicalUsage"></td>
				</tr>
				<tr>
					<td>交换分区总量</td>
					<td id="swapTotal"></td>
				</tr>
				<tr>
					<td>交换分区空闲</td>
					<td id="swapFree"></td>
				</tr>
				<tr>
					<td>交换分区已用</td>
					<td id="swapUsed"></td>
				</tr>
				<tr>
					<td>交换分区使用率</td>
					<td id="swapUsage"></td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
<script src="/js/memory.js"></script>
</html>